<template>
  <div class="box">
        <div class="all">
            <div class="head">
                <div class="title">汇方圆 · 霸王餐</div>
                <div class="content"><span>都市焰火主题烤吧-价值116元的2斤烤羊腿 免费抢</span></div>
            </div>
            <div class="body">
                <div class="scan">商家扫描二维码即可消费</div>
                <div class="barcode"><img src="/static/imgs_s09/s09_barcode.png" alt=""></div>
                <div class="barcode2D"><img src="/static/imgs_s09/s09_2DBarcode.png" alt=""></div>
            </div>
        </div>

    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .box {
            width: 100%;
            height: 667px;
            background-color: green;
        }

        .all {
            width: 356px;
            height: 479px;
            background: rgba(255, 255, 255, 1);
            border-radius: 6px;
            margin: 0 auto;
        }

        .head {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .head .title {
            margin-top: 18px;
            font-size: 13px;
            font-weight: 400;
            color: rgba(136, 136, 136, 1);
        }

        .head .content {
            font-size: 24px;
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            margin-top: 21px;
            margin-left: 17px;
            margin-right: 25px;
        }

        .body .barcode img {
            width: 253px;
            height: 40px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .body .barcode2D img {
            width: 187px;
            height: 187px;
        }

        .body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 27px;
            border-top: 1px dashed #ddd;
        }

        .body .scan {
            margin-top: 24px;
        }
    </style>
